<template>
    <div class="col-lg-4 col-sm-6 col-xs-12">
        <div class="r4_counter db_box">
            <!-- <div class=" cc DASH-alt"></div> -->
            <!-- <i class='pull-left cc DASH-alt icon-md icon-primary mt-10'></i> -->

            <div class="status">
                <slot name="textOne"></slot>
            </div>
            <div class="status">
                <slot name="textTwo"></slot>
            </div>
            <div class="status">
                <slot name="textFour"></slot>
            </div>
            <div class="status">
                <slot name="textFive"></slot>
            </div>
            <!-- <slot name="textTwo"></slot>
            <slot name="textThree"></slot>
            <slot name="textFour"></slot>
            <slot name="textFive"></slot> -->
        </div>
    </div>
</template>
<script>
</script>
<style>
@import "@/views/personalCenter/css/index.css";

.status {
    margin-left: 50px;
    padding-left: 20px;
    border-left: 6px solid rgba(247, 247, 247, 0.3);
}
</style>